<template>
  <div>
    App
    <button @click="bBar = !bBar">toggle</button>
    <hr/>
    <Child v-if="bBar"/>
  </div>
</template>

<script>
import { ref } from 'vue';
import Child from './Child.vue';
export default {
  components: {
    Child
  },
  setup() {
    const bBar = ref(true)

    return { bBar }
  }
}
</script>

<style lang="scss" scoped>

</style>